<?php
$data = FontHelper::get_font_list();
$font_name = Common::get('name', $data[0]['name']);
?>
<script type="text/javascript" src="<?php echo Common::httpUri('/font.js', $_SERVER['HTTP_HOST']) ?>"></script>
<form id="select_form" action="" method="get">
    <select id="font_select" name="name" class="form-control">
        <?php foreach ($data as $row) {?>
            <option value="<?php echo $row['name']; ?>"><?php echo $row['name']; ?></option>
        <?php } ?>
    </select>
</form>
<style type="text/css">
    textarea { width: 100%; font-family: "<?php echo $font_name; ?>", serif, sans-serif; font-size:22px; }
</style>
<h2>This is <?php echo $font_name; ?>:</h2>
<textarea rows="10" cols="20">Bring me no more reports; let them fly all: Till Birnam wood remove to Dunsinane I cannot taint with fear. What's the boy Malcolm?» (William Shakespeare)
    本授權的目的在於作為一種手冊、教科書或其他的具有功能性的有用文件獲得自由：確保每一個人都具有複製和重新發佈它的有效自由，而不論是否作出修改，也不論其是否具有商業行為。其次，本授權保存了作者以及出版者由於他們的工作而 得到 名譽的方式，同時也不被認為應該對其他人所作出的修改而擔負責任。
    本授权的目的在于作为一种手册、教科书或其它的具有功能性的有用文件获得自由：确保每一个人都具有复制和重新发布它的有效自由，而不论是否作出修改，也不论其是否具有商业行为。其次，本授权保存了作者以及出版者由于他们的工作而 得到 名誉的方式，同时也不被认为应该对其他人所作出的修改而担负责任。</textarea>
<button id="render_btn" class="btn btn-primary">Render</button>
<script type="text/javascript">
    (function(){
        $("#font_select").on("change", function(e){
            $("#select_form").submit();
        });
        $("#font_select").val("<?php echo $font_name; ?>");
        $("#render_btn").on("click", function(e){
            webfont.custom("<?php echo $font_name; ?>", $("textarea").val(), function(){
                var fontfamily = $("textarea").css("font-family");
                $("textarea").css("font-family", "");
                $("textarea").css("font-family", fontfamily);
            });
            return false;
        });
    })();
</script>